<!DOCTYPE html>
<html>
<head>
    <title>故障TOP统计</title>
    #parse("sys/header.html")
</head>
<body>
<div id="rrapp" v-cloak>
    <div >
        <Row :gutter="16" style="margin: 8px 0px 0px 1px">
            <div class="search-group">
                <i-col span="3">
                    <Date-picker type="month" v-model="q.month" placeholder="统计月份"></Date-picker>
                </i-col>
                <i-col span="3">
                    <i-input v-model="q.num" placeholder="TOP数"></i-input>
                </i-col>
                <i-col span="3">
                    <i-select placeholder="排序字段" v-model="q.keyword">
                        <i-option v-for="orderField in orderFields" :value="orderField.value" :key="orderField.value">
                            {{orderField.name}}
                        </i-option>
                    </i-select>
                </i-col>
                <i-button @click="search">查询</i-button>
                <i-button @click="reset">重置</i-button>
            </div>
        </Row>
        <div style="height: 85vh;width:18%;overflow:auto;float:left;padding:10px;">
            <!-- 选择部门 -->
            <div id="deptLayer">
                <ul id="deptTree" class="ztree"></ul>
            </div>
        </div>
        <!-- 报表区域 -->
        <div id="container" style="width:79%;height:480px;overflow:auto;float:left;margin: 10px;border: 1px solid #000"></div>
    </div>
</div>
<script src="${rc.contextPath}/statics/plugins/echarts/echarts.min.js"></script>
<script src="${rc.contextPath}/js/analyse/faultTopStatChart.js?_${date.systemTime}"></script>
</body>
</html>
